@import '~styles/settings.scss';

.c-pending-dashboard {
  background-color: #f6f6f4;
  padding: rem(30px) $mobile-gutter;

  @media screen and (min-width: $screen-m) {
    padding: rem(50px) $desktop-gutter;
  }

  .message {
    display: flex;
    flex-direction: column;

    @media screen and (min-width: $screen-m) {
      flex-direction: row;
    }

    .title {
      font-size: rem(24px);
      font-weight: 300;
      margin-bottom: rem(30px);
    }

    p {
      margin-bottom: rem(20px);
      line-height: rem(20px);
    }

    span {
      font-weight: 500;
    }
  }

  .accept-btn {
    margin: auto;
    min-width: rem(150px);
    margin-top: rem(40px);
  }

  .satellite-detailed {
    width: rem(150px);
    height: rem(140px);
    min-width: rem(150px);
    min-height: rem(140px);
    margin: rem(40px) rem(40px) 0 rem(40px);
  }
}
